import React,{ FC} from "react";
import { Tabs } from "antd";
import { AppstoreOutlined,BarsOutlined } from "@ant-design/icons";
import ComponentLib from "./ComponentLib";
import Layers from "./Layers";
const LeftPanel:FC=()=> {
    const tabsItems=[
        {
            key:'componentLib',
            label:(
                <span>
                    <AppstoreOutlined/> &nbsp;
                    组件库
                </span>
            ),
            children:<div>
                <ComponentLib/>
            </div>
        },{
            key:'layers',
            label:(
                <span>
                    <BarsOutlined/> &nbsp;
                    图层
                </span>
            ),
            children:<div>
                <Layers/>
            </div>
        }
    ]
    return <Tabs defaultActiveKey="componentLib" items={tabsItems}></Tabs>
}
export default LeftPanel